آموزش Dom
نویسنده :
اموزش Dom - متد getElementById – متد getElementsByClassName - متد getElementsByTagName – متد های DOM
توی مقاله قبل ی توضیح کوچو دادم که بدونیم Dom چی هست .ولی حالا بریم با متد ها و ویژگی ها و... آشنا بشیم . کد زیر رو ببینید:
اسکریپت جاوا اموزش
getElementById یک متده ،که میگه عنصری رو میخوام که id ش رو میدونم و اونو داخل پرانتز نوشتم . innerHTML هم یک خصوصیته که میگه میخوام بین دو تگ محتوایی رو اضافه کنم. خروجی کد بالا :
تنها راه دسترسی به عنصار ها در dom فقط id نیست ما متد های دیگه ای هم داریم مثلا:
متد getElementsByTagName
به کمک این متد ما میتونیم با نام تگ به اونها دسترسی داشته باشیم ولی خب میدونیم ممکنه تعداد هر تگ تو صفحه خیلی زیاد باشه پس هربار باید مشخص کنیم منطور ما چندمین تگ هست شمارش تگ ها از صفر شروع میشه به کد زیر دقت کنید:
اموزش جاوا اسکریپت
0
1
ما توی کد بالا دوتا تگ p داریم .تگ شماره صفر و تگ شماره 1
میخوام محتوای تگ شماره 1 (تگ دوم ) عوض بشه
پس متد getElementsByTagName که میگه من با اسم تگ میخوام به عنصرم دسترسی داشته باشم رو مینویسم داخل پرانتز نام تگ و بعدش شماره تگ رو نوشتم.
متد بعدی getElementsByClassName که با نام کلاس به عناصر دسترسی دارد و دقیقا مانند متد getElementsByTagName عمل میکند
اموزش جاوا اسکریپت
0
1
استاد مریم شیردل